﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<title>蓝领</title>
<!---------------------------------- 页面基本设置禁止随意更改 ------------------------------------------>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="index" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<meta name="renderer" content="webkit" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!---------------------------------- 页面基本设置禁止随意更改 -------------------------------------------->
<!---------------------------------- 基础CSS类库可随意更改 ---------------------------------------------->
<link type="text/css" rel="stylesheet" href="{yun:}$config.sy_weburl{/yun}/app/template/jingjiren/css/reset.css?v={yun:}$config.cachecode{/yun}" />
<link type="text/css" rel="stylesheet" href="{yun:}$config.sy_weburl{/yun}/app/template/jingjiren/css/pin.css?v={yun:}$config.cachecode{/yun}" />
<!---------------------------------- 基础CSS类库可随意更改结束 -------------------------------------------->
<!---------------------------------- 插件CSS类库不可随意更改开始-------------------------------------------->
<!--时间插件开始-->
<link type="text/css" rel="stylesheet"  href="{yun:}$config.sy_weburl{/yun}/app/template/jingjiren/js/plug/mobiscrollv3.0.0-beta6/css/mobiscroll.custom-3.0.0-beta6.min.css?v={yun:}$config.cachecode{/yun}"/>
<link type="text/css" rel="stylesheet"  href="{yun:}$config.sy_weburl{/yun}/app/template/jingjiren/js/plug/mobiscrollv3.0.0-beta6/css/skin.css?v={yun:}$config.cachecode{/yun}"/>
<!--时间插件结束-->
<!---------------------------------- 插件CSS类库不可随意更改结束-------------------------------------------->


<!---------------------------------- 基础js类库可随意更改 ---------------------------------------->
<script type="text/javascript" src="{yun:}$config.sy_weburl{/yun}/app/template/jingjiren/js/jquery.1.11.3.min.js?v={yun:}$config.cachecode{/yun}"></script>
<!---------------------------------- 基础js类库可随意更改 ---------------------------------------->
<!---------------------------------- 插件js类库不可随意更改开始 ---------------------------------------->
<!--图表插件开始-->
<script src="{yun:}$config.sy_weburl{/yun}/app/template/jingjiren/js/plug/Highstock-7.0.1/code/highstock.js?v={yun:}$config.cachecode{/yun}"></script>
<script src="{yun:}$config.sy_weburl{/yun}/app/template/jingjiren/js/plug/Highstock-7.0.1/code/modules/exporting.js?v={yun:}$config.cachecode{/yun}"></script>
<!--图表插件结束-->
<!--时间插件开始-->
<script src="{yun:}$config.sy_weburl{/yun}/app/template/jingjiren/js/plug/mobiscrollv3.0.0-beta6/js/mobiscroll.custom-3.0.0-beta6.min.js?v={yun:}$config.cachecode{/yun}" type="text/javascript"></script>
<!--时间插件结束-->
    <script>
        weburl = "{yun:}$config.sy_weburl{/yun}";
    </script>
<!---------------------------------- 插件js类库不可随意更改结束 ---------------------------------------->
<style>
.area_titleunm{
	color:#7978f9;
	font-size:17px;
	}
</style>
<script type="text/javascript">
$(function(){
/*----------时间插件开始----------*/
  $('#gather_data2').mobiscroll().date({
            theme: 'android-holo-light', //皮肤样式
			mode: 'scroller', //日期选择模式
			display: 'bottom', //显示方式
			lang: 'zh',     
			dateFormat : 'yy-mm', // 面板日期格式
			setText : '确认', //确认按钮名称
			cancelText : '取消', //取消按钮名籍我
			dateOrder : 'yyyymm', //面板中日期排列格式
			monthText : '月',
			yearText : '年', //面板中年月日文字
			showNow : false,
			nowText : "今",
            startYear:2018,
        });
	$('#gather_data3').mobiscroll().date({
            theme: 'android-holo-light', //皮肤样式
			mode: 'scroller', //日期选择模式
			display: 'bottom', //显示方式
			lang: 'zh',     
			dateFormat : 'yy-mm', // 面板日期格式
			setText : '确认', //确认按钮名称
			cancelText : '取消', //取消按钮名籍我
			dateOrder : 'yyyymm', //面板中日期排列格式
			monthText : '月',
			yearText : '年', //面板中年月日文字
			showNow : false,
			nowText : "今",
            startYear:2018,
        });
/*----------时间插件结束----------*/
		
	})
</script>
</head>
<body>
   <div class="pin_box pin_tbox">
        <!-----------------头部标题开始----------------->
        <div class="pin_title">
        	<a href="index.php?c=home" class="titleback"></a>
            <span class="titlename">用户统计</span>
        </div>
        <!-----------------头部标题结束----------------->
   	    <div class="pin_bcon">
        	<div class="pin_scroll">
               <div class="pin_yhtjbox">

                   <form method="get" action="index.php?" name="from1" id="from1">
                       <!--<input name="m" value="jingjiren" type="hidden"/>-->
                       <input name="c" value="mystatistics" type="hidden"/>
                       <div class="pin_yhtjselect">
                          <div class="yhtjselect_r"><input type="submit" class="pin_btn" value="查询"></div>
                           <div class="yhtjselect_l">
                               <div class="list">
                                     <input type="text" class="pin_input pin_time" id="gather_data2" name="gather_data2" value="{yun:}$gather_data2{/yun}">
                                    <span class="line"></span>
                               </div>
                               <div class="list">
                                 <input type="text" class="pin_input pin_time" id="gather_data3" name="gather_data3" value="{yun:}$gather_data3{/yun}">
                               </div>
                           </div>
                       </div>
                   </form>

                   <!--人数图表-->
                   <div class="yhtj_form1box">
                        <div class="yhtj_form1stat">
                        	注册人数<span class="num">{yun:}$count{/yun}</span>人
                        </div>
                   		<div id="renshuform" style="height:300px;"></div>
                        <script>
                        // JS 代码 
                        var chart = Highcharts.chart('renshuform',{
                        chart: {
                            type: 'area',
							backgroundColor: 'transparent',
                        },
                        title: {
                            text:null,
                        },
                        credits: {//版权
                            enabled:false
                        },
                        exporting: {//右上角
                            enabled:false
                        },
                        xAxis: {
                            allowDecimals: false,//是否允许小数
                            tickColor: '#ccc',
                            
                            tickWidth:1,//刻度表宽度
                            categories: [
                                {yun:}$cates{/yun}
                                ],
                            min:1, //别忘了这里
                            max:10,
                            scrollbar: {
                                enabled: true,
                                 height: 12,
                            },
                            labels:{
                                style:{
                                      color:'#ccc',
                                      fontSize:'12px',
                                    }
                            }
                        },
                        yAxis: {
                            title: {
                                    text:null,
                                },
                            allowDecimals: false,//是否允许小数
                            tickColor: '#ccc',
                            labels:{
                                style:{
                                      color:'#ccc',
                                      fontSize:'12px',
                                    }
                            },
                            max:{yun:}$max{/yun},
                        },
    
                        tooltip: {
                            pointFormat: '{point.y:,.0f}人'
                        },
                        plotOptions: {
                            area: {
                                /*面积颜色*/
                                fillColor: {
                                    linearGradient: {
                                        x1: 0,
                                        y1: 0,
                                        x2: 1,
                                        y2: 1
                                    },
                                    stops: [
                                        [0, Highcharts.getOptions().colors[0]],
                                        [1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')]
                                    ]
                                },
                                
                                marker: {
                                    enabled: false,
                                    symbol: 'circle',
                                    radius: 2,
                                    states: {
                                        hover: {
                                            enabled: true
                                        }
                                    }
                                }
                                                            
                            }
                            
                        },
                        series: [{
                            name: '',
                            showInLegend: false, 
                            data: [{yun:}$register{/yun}]
                        }]
                    });
                    </script> 
                   </div>
                   
                   <div class="yhtj_form2box">
                        <div class="yhtj_formlist">
                            <div class="yhtj_formlistcon">
                             <div class="yhtj_yxstat">
                             	<span class="name">有意向</span>
                                <span class="num">共<i>{yun:}$usernum_y{/yun}</i>人</span>
                             </div>
                             <!--有意向图表-->
                        	 <div id="yixiangform" style="height:200px; margin:0 -20px;"></div>
                             <script>
                             	Highcharts.chart('yixiangform', {
								chart: {
										plotBackgroundColor: null,
										plotBorderWidth: null,
										plotShadow: false,
										type: 'pie',
										backgroundColor: 'transparent',
								},
								title: {
                                text:null,
								},
								credits: {//版权
									enabled:false
								},
								exporting: {//右上角
									enabled:false
								},
								colors: ['#68bce7','#bfe9fe'],
								tooltip: {
										/*pointFormat: '<b>{point.percentage:.1f}%</b>',*/
										formatter: function() {
											return '<b>'+ this.point.name +'</b>: '+ this.percentage.toFixed(0) +' %';
										}
								},
								plotOptions: {
										pie: {
												/*allowPointSelect: true,*/
												cursor: 'pointer',
												dataLabels: {
														enabled: false,
												},
												showInLegend: true
										}
								},
								legend: {
										labelFormatter: function () {
											return this.name + '('+this.percentage.toFixed(0)+'%)';//在名称后面追加百分比数据
										},
										itemStyle:{
											fontSize:'12px',
											color:'#545454',
											fontWeight:'lighter'
											}	
										
									},

								series: [{
										name: '',
									/*	showInLegend: false, */
										colorByPoint: true,
										data: [{
												name: '有意向率',
												y: {yun:}$usernum_y{/yun},
												/*sliced: true,*/
											
										}, {
												name: '其他',
												y: {yun:}$usernum_n{/yun}
										}]
								}]
						});
                             
                             </script>
                             
                            </div> 
                        </div>
                        <div class="yhtj_formlist">
                             <div class="yhtj_formlistcon">
                                 <div class="yhtj_yxstat">
                                    <span class="name">入职</span>
                                    <span class="num">共<i>{yun:}$entry_y{/yun}</i>人</span>
                                 </div>
                                 <!--入职图表-->
                                 <div id="ruzhiform" style="height:200px;margin:0 -20px;"></div>
                                 <script>
                                    Highcharts.chart('ruzhiform', {
                                    chart: {
                                            plotBackgroundColor: null,
                                            plotBorderWidth: null,
                                            plotShadow: false,
                                            type: 'pie',
                                            backgroundColor: 'transparent',
                                    },
                                    title: {
                                    text:null,
                                    },
                                    credits: {//版权
                                        enabled:false
                                    },
                                    exporting: {//右上角
                                        enabled:false
                                    },
                                    colors: ['#3edba5','#b5f0dc'],
                                    tooltip: {
                                            formatter: function() {
											return '<b>'+ this.point.name +'</b>: '+ this.percentage.toFixed(0) +' %';
										},
										
                                    },
                                    plotOptions: {
                                            pie: {
                                                    /*allowPointSelect: true,*/
                                                    cursor: 'pointer',
                                                    dataLabels: {
                                                            enabled: false
                                                    },
                                                    showInLegend: true,
                                            }
                                    },
									legend: {
										labelFormatter: function () {
											return this.name + '('+this.percentage.toFixed(0)+'%)';//在名称后面追加百分比数据
										},
										itemStyle:{
											fontSize:'12px',
											color:'#545454',
											fontWeight:'lighter',
											},
										symbolPadding : 10
										
									},
                                    series: [{
                                            name: '',
                                        /*	showInLegend: false, */
                                            colorByPoint: true,
                                            data: [{
                                                    name: '入职',
                                                    y: {yun:}$entry_y{/yun},
                                                    /*sliced: true,*/
                                                
                                            }, {
                                                    name: '其他',
                                                    y: {yun:}$entry{/yun}
                                            }]
                                    }]
                            });
                                 
                                 </script>
                             </div>
                        </div>
                   </div>
                   
               </div>
                
            </div>
        </div>
        
   </div>
</body>
</html>
